<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./style7.css" />
</head>

<body onselectstart="return false">
    </bodyonselectstart>
    <!--分割线-->
    <div class="first firs">
        <div class="first-1">
            <div class="first-2">
                <a class="first12" href="index9.html">
                    <img src="./图片/diannao.png" href="index9.html">
                    <span class="first-3">Alexander</span>
                </a>
                <div class="first1">
                    <div class="first2">
                        <div class="first3">
                            <div class="first4">
                                <li class="first5">
                                    <a class="nav-lin" href="index7.html">Home </a>
                                </li>
                                <li class="first6">
                                    <a class="nav-link" href="index-1.html">About</a>
                                </li>
                                <li class="first7">
                                    <a class="nav-link" href="index-2.html">Contact</a>
                                </li>
                                <label class="theme-switch" for="checkbox">
                                    <input type="checkbox" id="checkbox">
                                    <span class="mode-container">
                                        <svg t="1621088186573" class="dark" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5481" width="20" height="20"><path d="M572.4 229.9c8.8-8.8 21.9-11.7 33.6-7.5 115.1 41.7 197.5 152 197.5 281.6 0 165.4-134.1 299.5-299.5 299.5-129.6 0-239.9-82.3-281.6-197.5-4.2-11.7-1.3-24.8 7.5-33.6s21.9-11.7 33.6-7.5c25 9 51.9 14 80.1 14 129.9 0 235.3-105.3 235.3-235.3 0-28.2-4.9-55.2-14-80.1-4.2-11.7-1.3-24.8 7.5-33.6z m69.1 83.2c1 10 1.5 20.2 1.5 30.5C643 509 508.9 643 343.6 643c-10.3 0-20.5-0.5-30.5-1.5 42.7 59.3 112.4 97.8 191 97.8C634 739.3 739.3 634 739.3 504c0-78.5-38.5-148.2-97.8-190.9z" p-id="5482"></path></svg>
                                        <svg t="1621088029175" class="light" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4193" width="20" height="20"><path d="M512 810.666667c-164.949333 0-298.666667-133.717333-298.666667-298.666667S347.050667 213.333333 512 213.333333 810.666667 347.050667 810.666667 512 676.949333 810.666667 512 810.666667z m0-51.2c136.669867 0 247.466667-110.7968 247.466667-247.466667S648.669867 264.533333 512 264.533333 264.533333 375.330133 264.533333 512 375.330133 759.466667 512 759.466667zM512 878.933333a25.6 25.6 0 0 1 25.6 25.6v68.266667a25.6 25.6 0 0 1-51.2 0v-68.266667a25.6 25.6 0 0 1 25.6-25.6z m-295.662933-107.4688a25.6 25.6 0 0 1 36.1984 36.1984l-48.264534 48.2816a25.6 25.6 0 0 1-36.215466-36.215466z m555.127466 0a25.6 25.6 0 0 1 36.1984 0l48.2816 48.264534a25.6 25.6 0 0 1-36.215466 36.215466l-48.264534-48.2816a25.6 25.6 0 0 1 0-36.1984zM972.8 486.4a25.6 25.6 0 0 1 0 51.2h-68.266667a25.6 25.6 0 0 1 0-51.2z m-853.333333 0a25.6 25.6 0 0 1 0 51.2H51.2a25.6 25.6 0 0 1 0-51.2zM819.729067 168.055467a25.6 25.6 0 0 1 36.215466 36.215466l-48.2816 48.264534a25.6 25.6 0 0 1-36.1984-36.1984z m-651.6736 0a25.6 25.6 0 0 1 36.215466 0l48.264534 48.2816a25.6 25.6 0 0 1-36.1984 36.1984L168.055467 204.288a25.6 25.6 0 0 1 0-36.215467zM512 25.6A25.6 25.6 0 0 1 537.6 51.2v68.266667a25.6 25.6 0 0 1-51.2 0V51.2A25.6 25.6 0 0 1 512 25.6z" fill="#e6e6e6" p-id="4194"></path></svg>  
                                    </span>
                                </label>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--分割线-->
    <!--分割线-->
    <div class="one">
        <div class="one1">
            <div class="one2">
                <div class="one3">
                    <span class="he">Hello</span>
                    <h1 class="mb-2"> <span>I'm</span> Alexander </h1>
                    <p>Lorem ipum dolor sit amet consectetur adipisicing elit. Provident, excepturi. Distinctio accusantium fugit odit? Fugit ipsam. Sed ac fringilla ex. Nam mauris velit, ac cursus quis, non leo.</p>
                    <div class="m-1">
                        <a class="mr-2" href="index-1.html"> Hire Me </a>
                        <a class="mr-1" href="#portfolio"> Portfolio </a>
                    </div>
                </div>
                <div class="one-3">
                    <div class="one-4">
                        <img src="./图片/photo.png">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--分割线-->
    <!--分割线-->
    <div class="two">
        <div class="two1">
            <div class="two2">
                <div class="two3">
                    <div class="two4">
                        <div class="two5">
                            <img src="./图片/myphoto.jpg    ">
                        </div>
                    </div>
                    <div class="two-3">
                        <h5 class="mk-1">Who am i?</h5>
                        <h3 class="mk-2">I'm Alexander Smith, a visual UI/UX Designer and Web Developer</h3>
                        <p class="mt-4">Lorem ipsum viverra feugiat. Pellen tesque libero ut justo, ultrices in ligula. Semper at tempufddfel. Lorem ipsum dolor sit amet consectetur adipisicing elit. Non quae, fugiat consequatur voluptatem nihil ad. Lorem ipsum dolor
                            sit amet. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dolor ipsum non velit reprehenderit, molestias culpa!
                        </p>
                        <a href="#download" class="mk-5">Download CV</a>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <!--分割线-->
    <!--分割线-->
    <div class="thr">
        <div class="thr1">
            <h5 class="th">My resume</h5>
            <h3 class="th-1">I Would Love to make your Ideas real </h3>
            <p>I love graphic design and photography and have been working on my portfolio since 2016. You can download my resume in order to learn the details of my professional life as a designer and photographer. Contact me and we will discuss your projects!</p>
            <div class="mt-5">
                <a href="#download" class="btm">Download resume</a>
            </div>
        </div>
    </div>
    <!--分割线-->
    <!--分割线-->
    <div class="fou">
        <div class="fou1">
            <div class="fou2">
                <h5 class="kl-1">Services</h5>
                <h3 class="kl-2">What I do for you</h3>
                <div class="kl">
                    <div class="kl1">
                        <div class="kl2">
                            <div class="ron">
                                <div class="ron1">
                                    <div class="ron2">
                                        <div class="ron3">
                                            <div class="ron4">
                                                <svg t="1621688497280" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1788" width="30" height="30"><path d="M857.6 716.8H166.4c-21.1712 0-38.4-17.2288-38.4-38.4V140.8c0-21.1712 17.2288-38.4 38.4-38.4h691.2c21.1712 0 38.4 17.2288 38.4 38.4v128h-25.6V140.8a12.8 12.8 0 0 0-12.8-12.8H166.4a12.8 12.8 0 0 0-12.8 12.8v537.6a12.8 12.8 0 0 0 12.8 12.8h691.2a12.8 12.8 0 0 0 12.8-12.8V345.6h25.6v332.8c0 21.1712-17.2288 38.4-38.4 38.4z" fill="#8e43e7" p-id="1789"></path><path d="M870.4 294.4h25.6v25.6h-25.6zM755.2 716.8H601.6a12.8 12.8 0 0 1-12.8-12.8v-102.4a12.8 12.8 0 0 1 12.8-12.8h153.6a12.8 12.8 0 0 1 12.8 12.8v102.4a12.8 12.8 0 0 1-12.8 12.8z m-140.8-25.6h128v-76.8H614.4v76.8zM550.4 716.8h-102.4a12.8 12.8 0 0 1-12.8-12.8v-76.8a12.8 12.8 0 0 1 12.8-12.8h102.4a12.8 12.8 0 0 1 12.8 12.8v76.8a12.8 12.8 0 0 1-12.8 12.8z m-89.6-25.6h76.8v-51.2h-76.8v51.2z" fill="#8e43e7" p-id="1790"></path><path d="M550.4 640h51.2v25.6h-51.2z" fill="#8e43e7" p-id="1791"></path><path d="M832 665.6h-76.8v-25.6h64V179.2H204.8v460.8h243.2v25.6H192a12.8 12.8 0 0 1-12.8-12.8V166.4a12.8 12.8 0 0 1 12.8-12.8h640a12.8 12.8 0 0 1 12.8 12.8v486.4a12.8 12.8 0 0 1-12.8 12.8z" fill="#8e43e7" p-id="1792"></path><path d="M640 640h25.6v25.6h-25.6zM691.2 640h25.6v25.6h-25.6zM307.2 345.6h460.8v25.6H307.2zM704 448h64v25.6h-64zM652.8 448h25.6v25.6h-25.6zM256 448h371.2v25.6H256zM256 550.4h256v25.6H256zM256 345.6h25.6v25.6h-25.6zM614.4 243.2h153.6v25.6H614.4zM563.2 243.2h25.6v25.6h-25.6zM256 243.2h281.6v25.6H256zM537.6 550.4h25.6v25.6h-25.6z" fill="#8e43e7" p-id="1793"></path></svg>
                                                <h4 class="number">01</h4>
                                                <h4><a href="#url">UI/UX Design</a></h4>
                                                <p>Lorem ipsum dolor sit amet sed consectetur adipisicing elit. doloret quas saepe autem, dolor set.</p>
                                                <a href="#read" class="read">Read more</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="kl1">
                        <div class="kl2">
                            <div class="ron">
                                <div class="ron1">
                                    <div class="ron2">
                                        <div class="ron3">
                                            <div class="ron4">
                                                <svg t="1621689490074" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2911" width="30" height="30"><path d="M880.64 739.328H143.36l-40.96-40.96v-532.48l40.96-40.96h737.28l40.96 40.96v532.48l-40.96 40.96z m-696.32-81.92h655.36v-450.56H184.32v450.56z" fill="#437DFF" p-id="2912"></path><path d="M472.064 673.792h81.92v103.424h-81.92z" fill="#437DFF" p-id="2913"></path><path d="M369.664 776.192h286.72v81.92h-286.72z" fill="#437DFF" p-id="2914"></path><path d="M430.08 570.368h163.84v61.44H430.08z" fill="#63F7DE" p-id="2915"></path></svg>
                                                <h4 class="number">02</h4>
                                                <h4><a href="#url">Web Development</a></h4>
                                                <p>Lorem ipsum dolor sit amet sed consectetur adipisicing elit. doloret quas saepe autem, dolor set.</p>
                                                <a href="#read" class="read">Read more</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="kl1">
                        <div class="kl2">
                            <div class="ron">
                                <div class="ron1">
                                    <div class="ron2">
                                        <div class="ron3">
                                            <div class="ron4">
                                                <svg t="1621689524238" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3335" width="30" height="30"><path d="M1024 900v24c0 2.2-1.8 4-4 4H32c-17.7 0-32-14.3-32-32V100c0-2.2 1.8-4 4-4h24c2.2 0 4 1.8 4 4v788c0 4.4 3.6 8 8 8h980c2.2 0 4 1.8 4 4z" p-id="3336" fill="#8e43e7"></path><path d="M624.7 698.6L446.4 319.8c-1-2.1-3.5-2.9-5.5-1.8L290 398.1c-2.3 1.2-4.9 1.9-7.5 1.9H136c-4.4 0-8-3.6-8-8v-48c0-4.4 3.6-8 8-8h133.6c0.7 0 1.3-0.2 1.9-0.5l195-103.6c4-2.1 9-0.5 11 3.7l171 363.3c1.1 2.4 4.3 3.1 6.3 1.3l170.4-150.9c4.2-3.7 10.7-2.1 12.8 3.1l84.9 216.5c1.6 4.1-0.4 8.8-4.5 10.4l-44.7 17.5c-4.1 1.6-8.8-0.4-10.4-4.5l-53.6-136.6c-1-2.6-4.3-3.4-6.4-1.5l-166.1 147c-4 3.5-10.2 2.2-12.5-2.6z" p-id="3337" fill="#8e43e7"></path></svg>
                                                <h4 class="number">03</h4>
                                                <h4><a href="#url">Research & Analysis</a></h4>
                                                <p>Lorem ipsum dolor sit amet sed consectetur adipisicing elit. doloret quas saepe autem, dolor set.</p>
                                                <a href="#read" class="read">Read more</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="mt-6">
                    <p class="mt-7">
                        <a href="services.html">View All Services<svg t="1621690366733" class="icon" viewBox="0 0 1211 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2346" width="20" height="20"style="padding-left: 0.5rem;position: relative;top: 4px;"><path d="M717.034962 1023.997037a47.40727 47.40727 0 0 1-33.185089-80.592359l427.850614-427.850614a15.407363 15.407363 0 0 0 4.740727-10.666636 11.851818 11.851818 0 0 0-3.555545-8.296272L699.257236 81.777541a47.768751 47.768751 0 0 1 67.55536-67.55536l413.628433 413.628433a105.481176 105.481176 0 0 1 30.814725 77.036814 110.221903 110.221903 0 0 1-33.185089 77.036814L750.220051 1010.960038a47.40727 47.40727 0 0 1-33.185089 13.036999z" fill="" p-id="2347"></path><path d="M1142.515213 559.405789H47.40727a47.40727 47.40727 0 1 1 0-94.814541h1095.107943a47.40727 47.40727 0 1 1 0 94.814541z" fill="" p-id="2348"></path></svg></a>
                    </p>
                </div>
            </div>
        </div>
    </div>
    <!--分割线-->
    <!--分割线-->
    <div class="five">
        <div class="five1">
            <div class="row">
                <div class="rng">
                    <svg t="1621689490074" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2911" width="40" height="40"><path d="M880.64 739.328H143.36l-40.96-40.96v-532.48l40.96-40.96h737.28l40.96 40.96v532.48l-40.96 40.96z m-696.32-81.92h655.36v-450.56H184.32v450.56z" fill="#437DFF" p-id="2912"></path><path d="M472.064 673.792h81.92v103.424h-81.92z" fill="#437DFF" p-id="2913"></path><path d="M369.664 776.192h286.72v81.92h-286.72z" fill="#437DFF" p-id="2914"></path><path d="M430.08 570.368h163.84v61.44H430.08z" fill="#63F7DE" p-id="2915"></path></svg>
                    <p class="counter">700</p>
                    <h4>Completed projects</h4>
                </div>
                <div class="rng">
                    <svg t="1621691351160" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4003" width="40" height="40"><path d="M861.112 79C877.619 79 891 92.393 891 108.915c0 16.285-13.002 29.53-29.183 29.906l-0.705 0.008H751.819v155.964l-0.008 1.329a110.493 110.493 0 0 1-39.012 82.945l-0.742 0.624L558.404 507.68l157.25 130.986a110.491 110.491 0 0 1 39.755 83.57l0.008 1.329V881.17h105.695c16.507 0 29.888 13.394 29.888 29.915 0 16.286-13.002 29.532-29.183 29.907l-0.705 0.008H159.888C143.381 941 130 927.607 130 911.085c0-16.285 13.002-29.53 29.183-29.906l0.705-0.008 108.057-0.001V723.564l0.009-1.33a110.493 110.493 0 0 1 39.012-82.945l0.742-0.624 157.25-130.986-153.652-127.988a110.491 110.491 0 0 1-39.754-83.57l-0.008-1.328-0.001-155.964H159.888c-16.507 0-29.888-13.393-29.888-29.914 0-16.286 13.002-29.532 29.183-29.907l0.705-0.008h701.224z m-169.07 59.829H331.32v155.964A50.644 50.644 0 0 0 348.8 333.07l0.746 0.634L511.68 468.76l162.137-135.055 0.746-0.634a50.643 50.643 0 0 0 17.475-37.682l0.004-0.596-0.001-155.964z" fill="#8e43e7" p-id="4004"></path></svg>
                    <p class="counter">120</p>
                    <h4>In Processes </h4>
                </div>
                <div class="rng">
                    <svg t="1621691374987" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5199" width="40" height="40"><path d="M828.422138 536.367991 192.668603 536.367991c-19.518542 0-35.262108 15.829524-35.262108 35.400255L157.406494 924.734182c0 19.518542 15.777335 35.400255 35.262108 35.400255l635.752512 0c19.518542 0 35.262108-15.829524 35.262108-35.400255L863.683223 571.767222C863.684246 552.196491 847.906911 536.367991 828.422138 536.367991zM545.859667 907.300115c0 9.673313-7.810896 17.520025-17.811668 17.520025l-34.985816 0c-9.828856 0-17.812691-8.037047-17.812691-17.520025L475.249493 589.200266c0-9.673313 7.829316-17.517979 17.812691-17.517979l34.985816 0c9.828856 0 17.811668 8.035 17.811668 17.517979L545.859667 907.300115z" p-id="5200" fill="#8e43e7"></path><path d="M863.598288 289.169959 621.090069 289.169959l58.972113-16.500812c22.278399-1.104147 44.350091-9.225105 62.765509-24.657586 44.832068-37.606503 50.659797-104.440677 13.068643-149.255349C718.272435 53.940516 651.474077 48.095391 606.642009 85.701894c-16.381086 13.725606-27.555589 31.365358-33.31578 50.4009l-62.039985 134.306892c-0.343831 0.457418-0.448208 1.00898-0.741897 1.482771-0.293689-0.473791-0.396019-1.025353-0.741897-1.482771l-62.041008-134.306892c-5.759167-19.036565-16.932648-36.675294-33.313733-50.4009C369.617687 48.095391 302.818305 53.940516 265.193383 98.755188c-37.59013 44.814672-31.762401 111.648846 13.069667 149.255349 18.415418 15.432481 40.486086 23.554462 62.764486 24.657586l58.97109 16.500812L157.492452 289.168935c-19.518542 0-35.400255 15.881712-35.400255 35.469839l0 140.944056c0 19.50217 15.84692 35.469839 35.400255 35.469839l706.104813 0c19.518542 0 35.400255-15.881712 35.400255-35.469839L898.99752 324.639798C898.99752 305.102836 883.1506 289.169959 863.598288 289.169959zM628.45378 138.103358c0.224104-0.465604 0.431835-0.913812 0.63752-1.362021l1.293459-2.792603 0.088004 0.103354c3.067872-5.569856 7.207146-10.674107 12.361539-15.019065 22.399149-18.828834 55.816237-15.915481 74.629721 6.534833 18.811438 22.415522 15.897062 55.833633-6.535857 74.627674-4.087085 3.448542-8.586562 6.173606-13.277398 8.173147l0.276293 0.327458-122.943077 45.521776L628.45378 138.103358zM323.164702 208.697159l0.276293-0.327458c-4.689812-2.000564-9.18929-4.724605-13.277398-8.173147-22.432918-18.795065-25.347295-52.212152-6.534833-74.627674 18.812461-22.450315 52.228525-25.364691 74.627674-6.534833 5.155417 4.344958 9.312086 9.449209 12.363585 15.019065l0.085958-0.103354 1.293459 2.792603c0.206708 0.448208 0.413416 0.896416 0.638543 1.362021l53.470819 116.115578L323.164702 208.697159zM545.859667 448.134437c0 9.724479-7.810896 17.60496-17.811668 17.60496l-34.985816 0c-9.828856 0-17.812691-8.000208-17.812691-17.60496l0-106.045221c0-9.724479 7.829316-17.60496 17.812691-17.60496l34.985816 0c9.828856 0 17.811668 8.000208 17.811668 17.60496L545.859667 448.134437z" p-id="5201" fill="#8e43e7"></path></svg>
                    <p class="counter">12</p>
                    <h4>Awards Received</h4>
                </div>
                <div class="rng">
                    <svg t="1621691399866" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6030" width="40" height="40"><path d="M919.3 332.2c-22.6-53.4-55-101.5-96.2-142.7-41.2-41.2-89.2-73.6-142.7-96.2C625 69.9 566.2 58 505.6 58 445 58 386.2 69.9 330.8 93.3c-53.4 22.6-101.5 54.9-142.7 96.2-41.2 41.2-73.6 89.2-96.2 142.7C68.7 387.6 56.8 446.4 56.8 507c0 60.6 11.9 119.4 35.3 174.8 22.6 53.4 54.9 101.5 96.2 142.7 41.2 41.2 89.2 73.6 142.7 96.2 55.4 23.4 114.1 35.3 174.8 35.3 60.6 0 119.4-11.9 174.8-35.3 53.4-22.6 101.5-55 142.7-96.2 41.2-41.2 73.6-89.2 96.2-142.7 23.4-55.4 35.3-114.1 35.3-174.8 0-60.7-12.1-119.4-35.5-174.8zM505.7 891.1c-211.8 0-384.1-172.3-384.1-384.1s172.3-384.1 384.1-384.1S889.8 295.2 889.8 507 717.5 891.1 505.7 891.1z" p-id="6031" fill="#8e43e7"></path><path d="M719.2 527.9c-16 0-29.7 11.7-32 27.6-13.2 88.2-89.4 156-181.3 156s-168.2-67.8-181.5-156c-2.4-15.8-16-27.5-32-27.5-19.9 0-35 17.7-32 37.4 7.8 52.1 32 100.2 69.9 138.1 46.9 46.9 109.2 72.7 175.5 72.7s128.7-25.8 175.5-72.7c38-37.9 62.1-86 69.9-138.1 3-19.8-12.1-37.5-32-37.5zM349.2 438.4c31 0 56.2-25.1 56.2-56.2 0-31-25.1-56.2-56.2-56.2-31 0-56.2 25.1-56.2 56.2s25.1 56.2 56.2 56.2zM662.4 438.4c31 0 56.2-25.1 56.2-56.2 0-31-25.1-56.2-56.2-56.2-31 0-56.2 25.1-56.2 56.2s25.2 56.2 56.2 56.2z" p-id="6032" fill="#8e43e7"></path></svg>
                    <p class="counter">1050</p>
                    <h4>Happy Clients</h4>
                </div>
            </div>
        </div>
    </div>
    <!--分割线-->
    <!--分割线-->
    <div class="six">
        <div class="six1">
            <div class="six2">
                <div class="six3">
                    <h6 class="center">Testimonials</h6>
                    <h3 class="mk">What my clients think about Me </h3>
                </div>
                <div class="six-1">
                    <div class="six-2">
                        <div class="six-3">
                            <div class="six-4">
                                <div class="six-5">
                                    <div class="six-6">
                                        <div class="six-7">
                                            <div class="six-8">
                                                <blockquote>
                                                    <q>Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit beatae laudantium
                                                        voluptate rem ullam dolore nisi voluptatibus esse quasi, doloribus tempora.
                                                        Dolores molestias adipisci dolor sit amet!.</q>
                                                </blockquote>
                                                <div class="ro1">
                                                    <div class="tet-img">
                                                        <img src="./图片/team2.jpg">
                                                    </div>
                                                    <div class="    self">
                                                        <h3>Laura gill</h3>
                                                        <p class="indentity">Seattle, Washington</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                                <div class="six-5">
                                    <div class="six-6">
                                        <div class="six-7">
                                            <div class="six-8">
                                                <blockquote>
                                                    <q>Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit beatae laudantium
                                                        voluptate rem ullam dolore nisi voluptatibus esse quasi, doloribus tempora.
                                                        Dolores molestias adipisci dolor sit amet!.</q>
                                                </blockquote>
                                                <div class="ro1">
                                                    <div class="tet-img">
                                                        <img src="./图片/team3.jpg">
                                                    </div>
                                                    <div class="self">
                                                        <h3>Smith Johnson </h3>
                                                        <p class="indentity">Seattle, Washington</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--分割线-->
    <!--分割线-->
    <div class="seve">
        <div class="seve1">
            <div class="seve2">
                <div class="seve3">
                    <div class="seve4">
                        <h3 class="title-big">I can give your business a new creative start right away! Hire me for your Awesome project</h3>
                        <p class="mt-3">Lorem ipsum, dolor sit amet consectetur adipisicing elit. At, corrupti odit? At iure facere, porro repellat officia quas, dolores magnam assumenda soluta odit harum voluptate inventore ipsa maiores fugiat accusamus eos nulla. Iure
                            voluptatibus explicabo officia.
                        </p>
                    </div>
                    <div class="mon">
                        <div class="mon1">
                            <img src="./图片/bg-1.jpg">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--分割线-->
    <!--分割线-->
    <div class="eigh">
        <div class="eigh1">
            <h6 class="title-small">Get in touch</h6>
            <h3 class="big">Let's start a Project! Hire Me.</h3>
            <a href="index-2.html" class="mko">Hire Me </a>
            <a href="index-2.html" class="mary">Get in touch</a>
        </div>
    </div>
    <!--分割线-->
    <!--分割线-->
    <div class="final">
        <div class="final1">
            <div class="final2">
                <div class="re">
                    <div class="left">
                        <p class="m-0">Copyright © 2021.Company name All rights reserved.<a target="_blank" href="https://sc.chinaz.com/moban/">网页模板</a></p>
                    </div>
                    <div class="right">
                        <ul class="sp-0">
                            <li><svg t="1621695406165" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2358" width="20" height="20"><path d="M889.151 64.223H134.69c-38.601 0-70.182 31.583-70.182 70.182v754.461c0 38.599 31.582 70.182 70.182 70.182h754.461c38.601 0 70.182-31.583 70.182-70.182V134.405c0-38.599-31.582-70.182-70.182-70.182z m-99.008 503.811h-90.234v338.378H575.837V568.034h-90.235V455.238h90.235V319.887c0-56.396 49.592-84.209 78.955-90.236 35.908-7.368 140.991-5.637 140.991-5.637v124.07h-78.955c-22.558 0-22.558 22.562-22.558 22.562v84.592h107.153l-11.28 112.796z" p-id="2359" fill="#8a8a8a"></path></svg>
                                </a>
                            </li>
                            <li><svg t="1621695612956" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4091" width="20" height="20"><path d="M428.1 843h137.1V577.1c0-13.2 1.8-27.3 5.4-35.8 9-26.4 31.6-53.7 69.5-53.7 49.6 0 69.5 40.5 69.5 100V843h137.1V569.5c0-135.8-67.7-198-157.9-198-73.1 0-118.2 44.3-136.2 73.6h-2.7l-6.3-63.2H424.5c1.8 40.6 3.6 89.6 3.6 147.1v314zM249.5 181c-44.2 0-73.1 31.1-72.2 72.6-0.9 39.6 28 71.7 71.3 71.7 45.1 0 74-32.1 74-71.7-0.9-41.5-28.9-72.6-73.1-72.6z m68.6 662V381.9H180.9V843h137.2z" fill="#8a8a8a" p-id="4092"></path></svg></span>
                                </a>
                            </li>
                            <li><svg t="1621695637532" class="icon" viewBox="0 0 1068 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4374" width="20" height="20"><path d="M533.81632 81.5872c-116.7872 0-131.34336 0.52736-177.19808 2.62144a313.07776 313.07776 0 0 0-104.2432 20.06528 218.12224 218.12224 0 0 0-125.88032 125.88032 311.29088 311.29088 0 0 0-20.06016 104.21248c-2.05824 45.89056-2.62144 60.45184-2.62144 177.19808 0 116.78208 0.5632 131.6096 2.62144 177.46432a313.94816 313.94816 0 0 0 20.06016 104.2432 220.13952 220.13952 0 0 0 125.88032 125.88032 313.22112 313.22112 0 0 0 104.2432 19.80416c45.85472 2.09408 60.45184 2.62144 177.19808 2.62144 116.75136 0 131.6096-0.52736 177.4592-2.62144a314.44992 314.44992 0 0 0 104.24832-19.84 222.1056 222.1056 0 0 0 125.84448-125.84448 314.7008 314.7008 0 0 0 19.83488-104.2432c2.05312-45.85472 2.62144-60.70784 2.62144-177.42336 0-116.7872-0.5632-131.38432-2.62144-177.23392a311.82336 311.82336 0 0 0-19.83488-104.21248 220.1344 220.1344 0 0 0-125.84448-125.88032 313.856 313.856 0 0 0-104.28416-20.06528c-45.85472-2.09408-60.71296-2.62144-177.46432-2.62144h0.04096z m0 77.66528c114.91328 0 128.46592 0.26112 173.79328 2.32448a237.94688 237.94688 0 0 1 79.72352 14.85824 142.22848 142.22848 0 0 1 81.86368 81.60256 241.8944 241.8944 0 0 1 14.60224 79.95392c2.05312 45.3632 2.62144 58.91584 2.62144 173.568 0 114.69312-0.5632 128.4608-2.62144 173.83424a239.9232 239.9232 0 0 1-14.60224 79.72352 133.92896 133.92896 0 0 1-32.30208 49.52576 131.56352 131.56352 0 0 1-49.52576 32.3072 240.2304 240.2304 0 0 1-79.72864 14.59712c-45.3632 2.09408-58.91584 2.62144-173.82912 2.62144-114.91328 0-128.2048-0.52736-173.568-2.62144a242.048 242.048 0 0 1-79.98976-14.59712 130.73408 130.73408 0 0 1-49.25952-32.3072 133.81632 133.81632 0 0 1-32.3072-49.52576 245.11488 245.11488 0 0 1-14.85824-79.72352c-2.09408-45.36832-2.3552-58.91584-2.3552-173.83424 0-114.91328 0.26112-128.2048 2.3552-173.568a246.30784 246.30784 0 0 1 14.85824-79.98976 142.7968 142.7968 0 0 1 81.5616-81.5616 239.80032 239.80032 0 0 1 79.98976-14.85824c45.37344-2.06336 58.92608-2.3296 173.57824-2.3296z m0 131.57376c-121.96864 0.08192-220.77952 99.02592-220.6976 220.99456 0.08704 121.96864 99.02592 220.77952 220.99456 220.6976 121.95328-0.08704 220.75392-99.01056 220.69248-220.96384 0.04096-121.86624-98.71872-220.69248-220.58496-220.73344H533.77024h0.04608z m0 364.0576c-79.1552 0-143.32416-64.16896-143.32416-143.32928 0-79.1552 64.16896-143.32416 143.32416-143.32416s143.32416 64.16896 143.32416 143.32416c0 79.16032-64.16896 143.32928-143.32416 143.32928z m281.18016-372.62848c0 28.49792-23.10144 51.59936-51.59424 51.59936s-51.59424-23.10144-51.59424-51.59936 23.10144-51.59936 51.59424-51.59936 51.59424 23.10144 51.59424 51.59936z" p-id="4375" fill="#707070"></path></svg></span>
                                </a>
                            </li>
                            <li><svg t="1621695661567" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5256" width="20" height="20"><path d="M126.362454 754.826468c83.802638 7.981788 159.52218-12.678764 228.878804-63.73151-9.91686-1.561565-18.011212-2.366907-25.880437-4.151553-55.68116-12.636808-94.41944-45.570895-116.52797-98.102319-3.730974-8.860808-2.688225-9.532097 7.048533-8.736988 18.413372 1.502213 36.836977 1.914606 57.416687-3.242857-18.132986-5.490038-33.730219-11.213389-47.838541-20.287045-45.242414-29.102828-69.957305-70.666456-75.377758-123.967406-0.13917-1.37123-0.112564-2.75781-0.12689-4.13518-0.101307-9.855462 0.505513-10.211573 9.579169-5.847172 18.085914 8.699126 37.062104 13.936407 59.618842 14.921851-9.168824-6.747681-16.20917-12.93152-22.826891-19.590174-47.50392-47.807842-58.931181-125.136022-27.358091-184.66379 3.105734-5.856381 4.92108-6.661723 9.56996-1.12973 38.618553 45.968961 84.612073 82.97683 137.972375 110.410646 52.297087 26.891464 107.768469 43.502793 166.615739 47.973618 15.083533 1.144056 14.842033 1.044796 13.164834-14.642488-10.514471-98.243535 62.657039-170.780595 142.707213-177.778986 48.193629-4.213975 89.652879 10.589173 125.122719 42.850947 4.846378 4.40738 9.172917 5.747911 15.547091 4.335748 29.055756-6.437619 56.30947-17.423835 82.47234-31.385824 2.337231-1.248434 4.344958-3.527336 8.797363-2.738367-11.418051 35.369555-33.319873 62.180178-62.972217 83.674725 28.720112-2.847861 55.885821-11.325953 82.572624-22.26612 0.822738 4.15053-1.582031 6.03239-3.091408 8.133238-18.615986 25.932626-40.503483 48.781006-65.834404 68.182892-5.633301 4.315282-7.889691 8.79634-7.743358 15.919575 2.068102 100.110045-26.634614 191.221136-83.442434 273.042653-71.240531 102.616122-169.133072 164.072823-292.829302 183.435823-100.758822 15.771195-196.565864 0.459464-286.937105-47.223534-9.863648-5.204535-19.378349-11.072173-29.054733-16.630772C125.857964 756.578368 126.110721 755.703441 126.362454 754.826468z" p-id="5257" fill="#8a8a8a"></path></svg></span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--分割线-->
    <!--分割线-->
    <button onclick="topFunction()" id="movetop" title="Go to top" style="display: block;">
        <svg t="1621696298606" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6183" width="20" height="20"><path d="M76.8 713.3c0-4.1 1.6-8.2 4.7-11.3l390.9-390.9c21.8-21.8 57.4-21.8 79.2 0L942.5 702c6.2 6.2 6.2 16.4 0 22.6-6.2 6.2-16.4 6.2-22.6 0L529 333.7c-9.4-9.4-24.6-9.4-33.9 0l-391 390.9c-6.2 6.2-16.4 6.2-22.6 0-3.1-3.1-4.7-7.2-4.7-11.3z" p-id="6184" fill="#ffffff"></path></svg>
      </button>
</body>

</html>
<script>
    var btn = document.getElementById("checkbox")
    btn.onchange = function(evn) {
        if (evn.target.checked) {
            document.documentElement.setAttribute("data-theme", "dark")
        } else {
            document.documentElement.setAttribute("data-theme", "light")
        }
    }
</script>